<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      body {
        background: #000;
      }
      header {
        color: rgba(67, 175, 217, 1);
        font-size: 32px;
      }
    </style>
  </head>
  <body>
    <header>SDA示云智图</header>
    <button onclick="sendMsg()">点我试试</button>
  </body>
  <script>
    console.log("SDA示云智图 Iframe");

    window.onload = () => {
      console.log("子页面事件加载完成");
      window.parent.EventPublisher.publish("iframeload");
    };

    window.onmessage = function (e) {
      console.info("接收到來自SDA的平台信息: ", e);
      callback(e)
    };

    function callback(e) {
        const data = e.data
        console.log("回調數據",data)
    }
    // window.addEventListener("message", function (event) {
    //   // 处理收到的数据
    //   var receivedData = event.data;
    //   console.log("1111111111", receivedData);
    // });
    // window.parent.EventPublisher.subscribe("onChange", (data) => {
    //   console.log("data----1", data);
    // });

    // window.parent.EventPublisher.subscribe("iframe_NMjTjf", (data) => {
    //   console.log("iframe_NMjTjf data----1", data);
    // });

    // function sendMsg() {
    //   console.log("发送数据 begin ");
    //   // 获取到iframe 对象
    //   var iframe = window.parent.document.getElementById("iframe111");
    //   // 封装要发送的数据
    //   var data = {
    //     msg: "0000000",
    //   };
    //   iframe.contentWindow.postMessage(data, "*");
    //   // 执行发送 ： 主要后面的这个域名地址，如果有端口的话，需要包含端口号！
    //   //   iframe.contentWindow.postMessage(
    //   //     JSON.stringify(data),
    //   //     "http://www.abc.com:1234"
    //   //   );
    //   //   console.log("发送数据 end ");
    // }
  </script>
</html>
